<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="s"%>
<%@	taglib prefix="m" uri="http://www.springframework.org/tags"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<c:set var="ctx" value="${pageContext.request.contextPath}/" />
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>资产证券化管理后台</title>
<base href="${ctx}">
<script type="text/javascript">
	var ctx = "${ctx}";
</script>
<link rel="stylesheet" href="${ctx}/assets/assetadmin/css/index.css">
<script src="${ctx}/assets/assetadmin/js/jquery-1.8.3.min.js"></script>
</head>
<body>
	<div class="top-zq">
		<div class="left">
			<img src="${ctx}/assets/assetadmin/images/logo.png" alt=""> <span><fmt:message key="The.national.venture.capital.E.alliance"/></span>
		</div>
		<div class="right">
			<ul class="top-nav">
				<li class="nav-one orange-text"><a href="#"
					hidefocus="true"><i class="icon-zy"></i><fmt:message key="homepage"/></a></li>
				<li class="nav-two orange-text"><a href="${ctx}admin/adminuser/info"><i class="icon-yy"></i><fmt:message key="Personal.information"/></a></li>
				<li class="nav-three orange-text"><a href="${ctx}admin/adminuser/resetpwd"><i class="icon-kf"></i><fmt:message key="Change.the.password"/></a></li>
				<li class="orange-text"><a href="${ctx}admin/logout/" hidefocus="true"><i class="icon-tc"></i><fmt:message key="logOut"/></a></li>
			</ul>
		</div>
	</div>
	<div class="content">
		<!--左侧列表-->
		<div class="left-zq orange">
			<div class="list">
				<ul class="listul">
					<%-- <li class="listul-li">
						<p>
							<label class="listul-div"> <span
								class="list-icon list-icon1"></span> <span class="list-text">系统概述</span>
								<span class="list-arrow"></span>
							</label>
						</p>
					</li> --%>
					<li class="listul-li">
						<p>
							<label class="listul-div"> <span
								class="list-icon list-icon2"></span> <span class="list-text"><fmt:message key="User.permissions"/></span>
								<span class="list-arrow"></span>
							</label>
						</p>
						<div class="listul-mask">
							<ul>
								<li class="li-one"><a href="${ctx }admin/adminuser"><div
											class="dot"></div> <fmt:message key='sys.operationUsers' /></a></li>
								<li class="li-two"><a href="${ctx }admin/adminrole"><div
											class="dot"></div> <fmt:message key='sys.operationRole' /></a></li>
								<li class="li-three"><a href="${ctx }admin/adminauth"><div
											class="dot"></div> <fmt:message key='sys.operationPrivilege' /></a></li>
							</ul>
						</div>
					</li>
					<li class="listul-li">
						<p>
							<label class="listul-div"> <span
								class="list-icon list-icon3"></span> <span class="list-text">系统设置</span>
								<span class="list-arrow"></span>
							</label>
						</p>
						<div class="listul-mask">
							<ul>
								<li class="li-four"><a href="${ctx }admin/percent/index"><div
											class="dot"></div><fmt:message key='member.basicSettings'/></a></li>
								<li class="li-five"><a href="${ctx }admin/declarationform"><div
											class="dot"></div><fmt:message key='Declaration.center.parameter.Settings'/></a></li>
								<li class="li-six"><a
									href="${ctx }admin/staticrelease/index"><div class="dot"></div><fmt:message key='Static.bonus.parameter.Settings'/></a></li>
								<li class="li-seven"><a href="${ctx }admin/dynamic"><div
											class="dot"></div><fmt:message key='Dynamic.bonus.parameter.Settings'/></a></li>
							</ul>
						</div>
					</li>
					<li class="listul-li">
						<p>
							<label class="listul-div"> <span
								class="list-icon list-icon4"></span> <span class="list-text"><fmt:message key="Member.management"/></span>
								<span class="list-arrow"></span>
							</label>
						</p>
						<div class="listul-mask">
							<ul>
								<li class="li-eight"><a href="${ctx }admin/member/index"><div
											class="dot"></div><fmt:message key="Member.management"/></a></li>
								<li class="li-nine"><a
									href="${ctx }admin/userAccount/index"><div class="dot"></div><fmt:message key='Asset.management.subsidiary'/></a></li>
								<li class="li-ten"><a href="${ctx }admin/oldSecurity/index"><div
											class="dot"></div><fmt:message key='Pension.agency.details'/></a></li>
								<li class="li-eleven"><a
									href="${ctx }admin/memberEducationfund/index"><div
											class="dot"></div><fmt:message key='education.fund.subsidiary'/></a></li>
								<li class="li-twelve"><a
									href="${ctx }admin/menberNegotiablefund/index"><div
											class="dot"></div><fmt:message key='securities.subsidiary'/></a></li>
								<li class="li-thirteen"><a
									href="${ctx }admin/menberRebuy/index"><div class="dot"></div><fmt:message key='Double.coupon.points.list'/></a></li>
								<li class="li-fourteen"><a
									href="${ctx }admin/menberSecurities/index"><div class="dot"></div><fmt:message key="member.statementOfOriginalEquityInterest"/></a></li>
								<li class="li-fifteen"><a
									href="${ctx }admin/menberStockcertificate/index"><div
											class="dot"></div><fmt:message key='Fortune.securities.account'/></a></li>
							</ul>
						</div>
					</li>
					<%--  已合并到明细表中
					<li class="listul-li">
						<p>
							<label class="listul-div"> <span
								class="list-icon list-icon5"></span> <span class="list-text">报表统计</span>
								<span class="list-arrow"></span>
							</label>
						</p>
						<div class="listul-mask">
							<ul>
								<li class="li-sixteen"><a href="${ctx }admin/menberStockcertificate/index"><div class="dot"></div><fmt:message key="Member.management"/></a></li>
								<li class="li-seventeen"><a href="${ctx }admin/menberStockcertificate/index"><div class="dot"></div>资产管理明细</a></li>
							</ul>
						</div>
					</li> --%>
					<li class="listul-li">
						<p>
							<label class="listul-div"> <span
								class="list-icon list-icon6"></span> <span class="list-text"><fmt:message key='News.center'/></span>
								<span class="list-arrow"></span>
							</label>
						</p>
						<div class="listul-mask">
							<ul>
								<li class="li-eighteen"><a
									href="${ctx }admin/newscenter/index"><div class="dot"></div><fmt:message key='company.video'/></a></li>
								<li class="li-eighteen"><a
									href="${ctx }admin/pdfcenter/index"><div class="dot"></div><fmt:message key='PDF.management'/></a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<!--右侧展示部分-->
		<div class="right-zq">

			<!--需要局部刷新的部分-->
			<ul class="dynamic">

				<!--首页-->
				<li class="index dynamiclayer" style="display: block">
					<div class="user-box">
						<div class="user">
							<div class="portrait"></div>
							<div class="info">
								<p><fmt:message key='userName.liuyu'/></p>
								<p>
									<fmt:message key='login.time.last'/>：<label class="num">2017-03-10 &nbsp;12:30:00</label>
								</p>
							</div>
						</div>
					</div>
					<ul class="wallet">
						<li>
							<div class="wallet-box">
								<div class="wallet-img">
									<img src="${ctx}assets/assetadmin/images/yonghhushu_icon.png"
										width="110px" />
								</div>
								<div class="wallet-text">
									<span class="num orange-text">150</span> <span class="text"><fmt:message key='user.num'/></span>
								</div>
							</div>
						</li>
						<li>
							<div class="wallet-box">
								<div class="wallet-img">
									<img
										src="${ctx}assets/assetadmin/images/zichanbaozongshu_icon.png"
										width="110px" />
								</div>
								<div class="wallet-text">
									<span class="num orange-text">80</span> <span class="text"><fmt:message key='Assets.of.the.total.number.of.packages'/></span>
								</div>
							</div>
						</li>
						<li>
							<div class="wallet-box">
								<div class="wallet-img">
									<img src="${ctx}assets/assetadmin/images/shifang_icon.png"
										width="110px" />
								</div>
								<div class="wallet-text">
									<span class="num orange-text">￥1000</span> <span class="text"><fmt:message key='The.day.before.the.release.of'/></span>
								</div>
							</div>
						</li>
						<li>
							<div class="wallet-box">
								<div class="wallet-img">
									<img src="${ctx}assets/assetadmin/images/juangjin_icon.png"
										width="110px" />
								</div>
								<div class="wallet-text">
									<span class="num orange-text">￥5000</span> <span class="text"><fmt:message key='The.day.before.the.bonus'/></span>
								</div>
							</div>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>

	<!--遮罩层-个人信息-->
	<div class="wrapper">
		<div class="mask">
			<div class="mask-head">
				<a href="javascript:;" class="mask-close"></a><fmt:message key='Personal.information'/>
			</div>
			<div class="mask-content">
				<div class="inputbox">
					<div class="proname">
						<i class="logo-name"></i><fmt:message key='Login.name'/>：
					</div>
					<div class="procontent">
						<input type="text" name="" class="wpinput num" value=""
							maxlength="20">
					</div>
				</div>
				<div class="inputbox">
					<div class="proname">
						<i class="mail-icon"></i><fmt:message key='email'/>：
					</div>
					<div class="procontent">
						<input type="text" name="" class="wpinput num" value=""
							maxlength="30">
					</div>
				</div>
				<div class="inputbox">
					<div class="proname">
						<i class="phone-icon"></i><fmt:message key='Mobile.phone'/>：
					</div>
					<div class="procontent">
						<input type="text" name="" class="wpinput num" value=""
							maxlength="20">
					</div>
				</div>
				<div class="inputbox">
					<div class="proname">
						<i class="zhuangtai"></i><fmt:message key='user.status'/>：
					</div>
					<div class="procontent">
						<div class="out">
							<select class="mytext" type="text" id="mytext">
								<option><fmt:message key='available'/></option>
							</select>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--遮罩层-修改密码-->
	<div class="wrapper2">
		<div class="mask">
			<div class="mask-head">
				<a href="javascript:;" class="mask-close2"></a><fmt:message key='Change.the.password'/>
			</div>
			<div class="mask-content">
				<div class="inputbox">
					<div class="proname">
						<i class="icon-pass"></i><fmt:message key='The.original.password'/>：
					</div>
					<div class="procontent">
						<input type="password" name="" class="wpinput" value=""
							maxlength="20">
					</div>
				</div>
				<div class="inputbox">
					<div class="proname">
						<i class="icon-pass2"></i><fmt:message key='New.Password'/>：
					</div>
					<div class="procontent">
						<input type="password" name="" class="wpinput" value=""
							maxlength="20">
					</div>
				</div>
				<div class="inputbox">
					<div class="proname">
						<i class="icon-pass2"></i><fmt:message key='To.reset.your.password'/>：
					</div>
					<div class="procontent">
						<input type="password" name="" class="wpinput" value=""
							maxlength="20">
					</div>
				</div>
				<div class="xiugai">
					<button class="orange"><fmt:message key=''/>Modify.the</button>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	$(function(){
		//左侧列表
		$(".listul-div").click(function(){
			$(this).find('.list-arrow').toggleClass("s").parents('.listul-li').siblings('.listul-li').find('.list-arrow').removeClass("s");
			$(this).parents("p").siblings('.listul-mask').slideToggle().parents('.listul-li').siblings('.listul-li').children('.listul-mask').hide();
		})
		
		$(".listul-mask li").mouseover(function(){
			$(this).find(".dot").css("visibility","visible");
		});
		$(".listul-mask li").mouseout(function(){
			$(this).find(".dot").css("visibility","hidden");
		}); 
		//弹出框
		$(".nav-two").click(function(){
			$(".wrapper").css("display","block");
		})
		$(".mask-close").click(function(){
			$(".wrapper").css("display","none");
		})
		
		$(".nav-three").click(function(){
			$(".wrapper2").css("display","block");
		})
		$(".mask-close2").click(function(){
			$(".wrapper2").css("display","none");
		})
	})
	</script>
</body>
</html>
